<div *ngIf="tagData.asyncShow !== 'false'"
    [ngClass]="{'wuHuaBackground': tagData.data.style==='commond' , 'bg' : tagData.name==='zrexactCommendTag' , 'bg-search' : tagData.data.headDiv }">
    <section class="box" [class.helpyou-commend]="tagData.name==='appCommendTag'"
        [ngStyle]="getNgStyle(tagData.data?.tagStyle)">
        <h1 *ngIf="tagData.data.columnTitle" style="margin-left: 1.25rem;"
            [ngClass]="{'boxH1': !tagData?.data?.data[0]?.images && tagData.name === 'exactCommendTag' , 'bg' : tagData.name==='zrexactCommendTag'}">
            {{tagData.data.columnTitle}}
        </h1>
        <div *ngIf="tagData?.title" class="recommendTitle">
            {{tagData.title}}
            <div class="recommendBox"></div>
        </div>
        <div *ngIf="tagData.data.headDiv && tagData.data.headDiv.headTitle" class="session-header">
            <h1 class="session-title">{{tagData.data.headDiv.headTitle}}</h1>
            <div appDebounceClick (debounceClick)="moreActionClick(tagData.data.headDiv)" class="fr" class="more-ac-bg fr">
                <h1 class="action-label ">{{tagData.data.headDiv.moreLink.linkTitle}}</h1><i class="detail-icon fr"></i>
            </div>
        </div>
        <ul *ngIf="tagData.data.data.length > 0">
            <li class="clearfix" *ngFor="let item of tagData.data.data, let i = index" appDebounceClick (debounceClick)="get(item,item.link)"
                [ngClass]="{'session-footer': item.matchtimes && ((i+1 !== tagData.data.data.length  && item.matchtimes !==  tagData.data.data[i+1].matchtimes) || i === tagData.data.data.length -1)}">
                <div class="session-time"
                    *ngIf="item.matchtimes && ((i !== 0 && item.matchtimes !==  tagData.data.data[i-1].matchtimes) || i === 0)">
                    {{item.matchtimes}}</div>
                <div class="img-box" slot="start" *ngIf="item.images || item.images === ''">
                    <img class="img" *ngIf="!item.isAutoFillData" src="{{item.images.imageUrl}}"
                        onerror="this.src='assets/img/default_img.png'">
                    <div class="img" *ngIf="item.isAutoFillData"></div>
                    <i *ngIf="item.images.isAuthenticated?.value" class="auth img-auth">
                        {{item.images.isAuthenticated.label}}
                    </i>
                </div>
                <div class="fl text-box" [ngClass]="{'no-img': !item.images && item.images !== ''&&!item.cover}">
                    <h2 class="mb10" *ngIf="!!item.title">
                        <i *ngIf="item.title.isAuthenticated?.value" class="auth mr5">
                            {{item.title.isAuthenticated?.label}}
                        </i>
                        <span [ngClass]="{'clicked':item.clicked}">{{item.title.label}}</span>
                    </h2>
                    <p class="mb10">
                        <span>{{item.info}}</span>
                        <span *ngIf="item.location" class="location">{{item.location}}</span>
                    </p>
                    <p>
                        <span *ngIf="item.points" class="point">{{item.points}}</span>
                        <!-- [ngClass]="{'clicked':item.clicked}" -->
                        <span>{{item.rent}}</span>
                        <span *ngIf="tagData.name==='collectCommendTag'&&item.times" class="times">{{item.times}}</span>
                        <span *ngIf="tagData.name!=='collectCommendTag'&&item.create_time"
                            class="floatleft">{{item.times}}</span>
                        <span *ngIf="tagData.name!=='collectCommendTag'&&!item.create_time"
                            class="times">{{item.times}}</span>
                        <span *ngIf="item.create_time||item.author"
                            [ngClass]="{'floatleft': !tagData.data.moreButton,'times': tagData.data.moreButton}">{{item.author}}
                            {{item.create_time}}</span>
                    </p>
                </div>
                <div class="img-box" slot="end" *ngIf="item.cover">
                    <img class="img" *ngIf="item.cover!==''" src="{{item.cover}}" onerror="this.style='display:none;'">
                </div>

                <hr *ngIf="!tagData.isAutoFillData"
                    [ngClass]="{'sep-line': !(item.matchtimes && ((i+1 !== tagData.data.data.length  && item.matchtimes !==  tagData.data.data[i+1].matchtimes) || i === tagData.data.data.length -1)) || !item.matchtimes , 'sep-line-search-last' : !tipsFlag && (i+1 === tagData.data.data.length)}">
            </li>
        </ul>
        <ul *ngIf="!tagData.data.data || tagData.data.data.length === 0" style="height: 200.03px">
            <div class="searchNoData" *ngIf="tagData.data.submit && tagData.searchText && (pageTotal === 0)">
                <div>
                    <label>抱歉，未找到“</label>
                    <span>{{a}}</span>
                    <label>”的相关结果</label>
                </div>
            </div>
            <div class="noDataButton" *ngIf="tagData.data.submit && !tagData.searchText">暂无数据</div>
        </ul>
        <div class="tips" *ngIf="tipsFlag">
            <p class="tips-p">没有更多内容啦</p>
        </div>
        <!-- 向上滚动刷新 -->
        <ion-infinite-scroll
            *ngIf="(tagData.isPullToRefresh===undefined||(tagData.isPullToRefresh!==undefined&&tagData.isPullToRefresh===true))&&tagData.data.submit&&!tagData.data.moreinfoButton && pageTotal && pageNo*pageSize < pageTotal"
            threshold="5%" (ionInfinite)="loadMoreData($event)">
            <ion-infinite-scroll-content loadingSpinner="crescent" loadingText="正在加载更多数据...">
            </ion-infinite-scroll-content>
        </ion-infinite-scroll>

        <div class="btn">
            <button *ngIf="tagData.data.moreButton" class="more-btn"
                appDebounceClick (debounceClick)="get(tagData.data.moreButton.link)">{{tagData.data.moreButton.label}}</button>
        </div>

        <ng-container *ngIf="tagData.data.moreinfoButton">
            <div class="more">
                <div class="more-bg" appDebounceClick (debounceClick)="get(tagData.data.moreinfoButton.link)">
                    <div class="more-content">
                        <img src="assets/icon/vip@3x.png" class="more-vip" alt="">
                        <div class="more-info">{{tagData.data.moreinfoButton.label}}</div>
                    </div>

                </div>
            </div>
        </ng-container>

    </section>
    <div *ngIf="tagData.data.isMargin" style="height: 0.63rem;background: rgba(247,248,250,1);">
        <div>
        </div>